.ab_l1 { border: 1px solid #91969A; width: 170px; height: 208px; float: left; text-align: center; }
.ab_l2 { width: 50px; height: 208px; float: left; background: url(../img/skill_arrow.gif) no-repeat center; }
.ab_l3 { }
.ab_l3 a { display: block; float: left; white-space: nowrap; margin: 2px 4px; padding: 0 4px; height: 20px; line-height: 20px; text-decoration: underline; border: 1px solid #ccc; background: #fafafa; text-decoration: none; }
.ab_l3 a.selected, .ab_l3 a:hover { text-decoration: none; background: #eee; }
.ab_l3 a.selected,.ab_l3 a.selected:hover {background-color: #FFFAD8; border: 1px solid #FF7E3E;color: #F17232;}

.box-skill-selected { border: 1px solid #C5DDF6; }
.box-skill-selected .bstitle { height: 30px; line-height: 30px; background: #F8FBFE; position: relative; padding: 0 0 0 10px; }
.box-skill-selected .bstitle a { position: absolute; right: 10px; top: 0; color: #1576C1; }
.box-skill-selected .bstitle span { color: #FF6600; margin: 0 4px; }
.box-skill-selected ul { min-height: 80px;}

.list-selected-skill li { background-color: #FFFAD8; border: 1px solid #FF7E3E; float: left; margin: 5px; height: 16px; line-height: 16px; padding: 2px 5px; }
.list-selected-skill li a { background: url(../img/delete.png) no-repeat right center; color: #F17232; padding-right: 20px; white-space: nowrap; }
.list-selected-skill li a:hover { text-decoration: none; }
